// Container 布局容器
export const containerList = [
  {
    name: "Container",
    type: "container",
    category: "container",
    hidden: false,
    move: false,
    options: {},
    widgetList: [],
  },
  {
    name: "header", // 在左侧导航显示的名字
    type: "header", // 用于调用组件
    category: "container", //类型
    hidden: false, //左侧导航是否隐藏
    move: false, //中间区域是否可移动
    options: {
      height: "60", // 组件属性
    },
    widgetList: [], // 子组件列表
  },
  {
    name: "aside",
    type: "aside",
    category: "container",
    hidden: false,
    move: false,
    options: {
      width: "200",
    },
    widgetList: [],
  },
  {
    name: "main",
    type: "main",
    category: "container",
    hidden: false,
    move: false,
    options: {},
    widgetList: [],
  },
  {
    name: "footer",
    type: "footer",
    category: "container",
    hidden: false,
    move: false,
    options: {
      height: "60",
    },
    widgetList: [],
  },
];
// 布局
export const layoutList = [
  {
    name: "Layout 布局",
    type: "row",
    category: "layout",
    hidden: false,
    move: true,
    options: {
      gutter: 0,
      justify: "start",
      align: "top",
      tag: "div",
    },
    widgetList: [],
  },
  {
    name: "Col",
    type: "col",
    category: "layout",
    hidden: true,
    move: false,
    options: {
      span: 6,
      offset: 0,
      push: 0,
      pull: 0,
      tag: "div",
    },
    widgetList: [],
  },
  {
    name: "Space 间距",
    type: "space",
    category: "layout",
    hidden: false,
    move: true,
    options: {
      alignment: "center",
      direction: "horizontal",
      prefixCls: "",
      spacer: "",
      size: "small",
      wrap: false,
      fill: false,
      fillRatio: 100,
    },
    widgetList: [],
  },
  {
    name: "Button 按钮",
    type: "button",
    category: "layout",
    hidden: false,
    move: true,
    options: {
      size: "default",
      type: "",
      plain: false,
      text: false,
      buttonText: "按钮",
      bg: false,
      link: false,
      round: false,
      circle: false,
      loading: false,
      disabled: false,
      icon: "",
      color: "",
    },
    widgetList: [],
  },
  {
    name: "Link 链接",
    type: "link",
    category: "layout",
    hidden: false,
    move: true,
    options: {
      type: "default",
      linkText: "link链接",
      underline: true,
      disabled: false,
      href: "",
      target: "_self",
      icon: "",
    },
    widgetList: [],
  },
  {
    name: "Text 文本",
    type: "text",
    category: "layout",
    hidden: false,
    move: true,
    options: {
      type: "",
      text: "Text文本",
      size: "default",
      truncated: false,
      lineClamp: "",
      tag: "span",
    },
    widgetList: [],
  },
  {
    name: "Scrollbar 滚动条",
    type: "scrollbar",
    category: "layout",
    hidden: false,
    move: false,
    options: {
      height: "",
      maxHeight: "",
      scrollbarText: "Scrollbar滚动条",
      native: false,
      wrapStyle: "",
      wrapClass: "",
      viewStyle: "",
      viewClass: "",
      noresize: false,
      tag: "",
      always: false,
      minSize: 20,
      id: "",
      role: "",
      ariaLabel: "",
      ariaOrientation: "",
    },
    widgetList: [],
  },
];
//form表单组件
export const formList = [
  {
    name: "Checkbox",
    type: "checkbox",
    category: "form",
    hidden: false,
    move: true,
    options: {
      modelValue: "checkbox1",
      value: "",
      label: "checkbox",
      trueValue: "",
      falseValue: "",
      disabled: false,
      border: false,
      size: "default",
      nameString: "",
      checked: false,
      indeterminate: false,
      validateEvent: true,
      tabindex: "",
      id: "",
      controls: false,
    },
    widgetList: [],
  },
  {
    name: "CheckboxButton",
    type: "checkboxButton",
    category: "form",
    hidden: false,
    move: true,
    options: {
      value: "",
      label: "checkboxButton",
      trueValue: "",
      falseValue: "",
      disabled: false,
      nameString: "",
      checked: false,
    },
    widgetList: [],
  },
  {
    name: "checkboxGroup",
    type: "checkboxGroup",
    category: "form",
    hidden: false,
    move: true,
    options: {
      modelValue: "CheckboxGroup1",
      size: "default",
      disabled: false,
      min: 1,
      max: 5,
      label: "checkboxGroup",
      textColor: "#ffffff",
      fill: "#409eff",
      tag: "div",
      validateEvent: true,
      checkType: "",
    },
    widgetList: [],
  },
  {
    name: "colorpicker取色器 ",
    type: "colorpicker",
    category: "form",
    hidden: false,
    move: true,
    options: {
      modelValue: null,
      disabled: false,
      size: "default",
      showAlpha: false,
      popperClass: "",
      validateEvent: true,
    },
    widgetList: [],
  },
  {
    name: "datepicker日期选择器",
    type: "datepicker",
    category: "form",
    hidden: false,
    move: true,
    options: {
      modelValue: null,
      readonly: false,
      disabled: false,
      size: "default",
      editable: true,
      clearable: true,
      placeholder: "选择日期",
      startPlaceholder: "开始日期",
      endPlaceholder: "结束日期",
      type: "date",
      format: "YYYY-MM-DD",
      valueFormat: "YYYY-MM-DD",
      rangeSeparator: "-",
      validateEvent: true,
      datepickerText: "日期选择器",
    },
    widgetList: [],
  },
  {
    name: "Input 单行输入框",
    type: "singleinput",
    category: "form",
    hidden: false,
    move: true,
    options: {
      type: "text",
      modelValue: null,
      maxlength: "",
      minlength: "",
      showWordLimit: false,
      placeholder: "开始输入",
      clearable: false,
      showPassword: false,
      disabled: false,
      size: "default",
      readonly: false,
      resize: "none",
      validateEvent: true,
      singleinputText: "单行输入框",
      singleinputWidth: "240",
    },
    widgetList: [],
  },
  {
    name: "Input 多行输入框",
    type: "multiinput",
    category: "form",
    hidden: false,
    move: true,
    options: {
      modelValue: null,
      maxlength: "",
      minlength: "",
      showWordLimit: false,
      placeholder: "开始输入",
      disabled: false,
      rows: 1,
      autosize: false,
      readonly: false,
      resize: "none",
      validateEvent: true,
      multiinputText: "多行输入",
      multiinputWidth: "240",
    },
    widgetList: [],
  },
  {
    name: "Input Number数字输入框",
    type: "inputnumber",
    category: "form",
    hidden: false,
    move: true,
    options: {
      modelValue: 1,
      min: 1,
      max: 999,
      step: 1,
      stepStrictly: false,
      precision: 0,
      size: "default",
      readonly: false,
      disabled: false,
      controlsPosition: "",
      validateEvent: true,
      inputnumberText: "数字输入框",
      inputnumberWidth: "240",
    },
    widgetList: [],
  },
  {
    name: "Radio 单选框",
    type: "radio",
    category: "form",
    hidden: false,
    move: true,
    options: {
      modelValue: null,
      size: "default",
      displayStyle: 'inline',
      disabled: false,
      buttonStyle: false,
      textColor: "#ffffff",
      fill: "#409eff",
      validateEvent: true,
      radioText: "radio单选框",
      optionItems: [
        {label: 'radio 1', value: 1},
        {label: 'radio 2', value: 2},
        {label: 'radio 3', value: 3},
      ],
      border: false,

    },
    widgetList: [],
  },
];
